﻿body,html{
    width: 1920px;

}
body{
  /*  background: url("../img/moviebg.jpg")no-repeat center;*/
    background-attachment: fixed;
    background-size: cover;
}
/*主体部分开始*/
#main{
    width: 1920px;
    height: 1300px;
    background-size: cover;
    padding:30px 0;
}
#main:after{
    content:'';
    clear: both;
    display: block;
    width: 0;
    height:0;
    visibility: hidden;
}
#ashPile{
    width: 1852px;
    height:auto;
    background: rgba(0,0,0,0.6);
    border-radius: 25px;
    margin:0 auto;
    color: #fff;

}
#ashPile:after{
    content:'';
    clear: both;
    display: block;
    width: 0;
    height:0;
    visibility: hidden;
}
#basicInfo{
    width: 50%;
    float: left;
    position: relative;
    padding-bottom: 40px;
}
#pt1{
    width: 638px;
    height: 560px;
    margin-left: -100px;
}
#pt1Father{
    position: relative;
    top: 38px;
    width: 340px;
    height: 514px;
    margin-left: 88px;
    overflow: hidden;
    border: 2px solid;
}

#float1{
    float: left;
    position: relative;
}
#float2{
    float: left;
    position: relative;
    line-height: 55px;
    width: 414px;
    height: 564px;
}
#Info{
    display: inline-block;
    padding-left:84px;
    padding-top:40px;
    font-size:25px;
}
#other{
    width: 400px;
    padding-left: 84px;
}
#basicInfo:after{
    content:'';
    clear: both;
    display: block;
    width: 0;
    height:0;
    visibility: hidden;
}
#movies{
    width: 50%;
    float: left;
    position: relative;
}
.threeWords{
    letter-spacing: 5.5px;
    font-weight: bold;
}
.towWords{
    letter-spacing: 16px;
    font-weight: bold;
}
.fourWords{
    font-weight: bold;
}
#duanhang{
    width: 232px;
    display: inline-block;
    line-height: 35px;
    padding-top: 10px;
}
#heightInline{
    display: inline-block;
    vertical-align: top;
    font-weight: bold;

}
#movie{

    width:100%;
    height: 415px;

    position: relative;
}
#photo{

    width: 100%;
    height:415px;

    position: relative;
}
#juQing{
    float: left;
    width: 874px;
    height:auto;
    margin-top:25px;

}
#Info1{
    padding-left: 90px;
    font-size:25px;

}
#words{
    padding-top: 26px;
    padding-left: 90px;
    line-height:45px;
    width: 100%;
    padding-right: 40px;
}
#btn1{
    position: absolute;
    top:100px;
    left:22px;
}
#btn2{
    position: absolute;
    top:40px;
    left:22px;
}
.qwe{

    width: 788px;
    height:200px;
    overflow: hidden;
    position: relative;
    left:-40px;
    top:192px;
    margin:0 auto;
}
#right{
    position: absolute;
    right:44px;
    top:62%;
    font-size:40px;
    color: #000;
    cursor: pointer;
}
#right1{
    position: absolute;
    right:40px;
    top:65%;
    font-size:40px;
    cursor: pointer;
    color: #000;
}
#left{
    width: 20px;
    height: 20px;
    left:-32px;
    position: absolute;
    top:62%;
    color: #000;
    z-index: 20;
    cursor: pointer;
}
#left1{
    width: 20px;
    height: 20px;
    left:-32px;
    position: absolute;
    top:65%;
    color: #000;
    z-index: 20;
    cursor: pointer;
}

.ti {
    background: rgba(0,0,0,0.5);
    position: absolute;
    z-index: 199;
    width: 100%;
    height: 45px;
    line-height: 45px;
    bottom: 0;
    right: 0;
    padding-left: 4%;
    cursor: pointer;
}

.bofang{
    background: url("../img/bofang.png")no-repeat center;
    background-size: cover;
    position: absolute;
    z-index: 200;
    width: 80px;
    height: 80px;
    right:0;
    bottom:0;
    cursor: pointer;
}
.tup{
    display: block;
    position: absolute;
    left: -200px;
    width: 252px;
    height: 176px;
    cursor: pointer;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    border: 2px solid;
}
.tup1{
    display: block;
    position: absolute;
    left: -300px;
    width: 394px;
    height: 175px;
    margin: 0 10px;
    border: 2px solid;
}
/*.tup:hover{*/
    /*-webkit-transform: scale(1.2);*/
    /*-moz-transform: scale(1.2);*/
    /*-ms-transform: scale(1.2);*/
    /*-o-transform: scale(1.2);*/
    /*transform: scale(1.2);*/
/*}*/

.qwe1{
    width: 820px;
    height:180px;
    overflow: hidden;
    position: relative;
    top:50%;
    left:-40px;
    margin:0 auto;
}
.tup1 img{
    width: 100%;
    height:100%;
    cursor: pointer;
}
#mengban{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    -webkit-transform: scale(0.001);
    -moz-transform: scale(0.001);
    -ms-transform: scale(0.001);
    -o-transform: scale(0.001);
    transform: scale(0.001);
    position: fixed;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    background: rgba(0,0,0,0.7);

    z-index: 500;
}
#bofangshiping{

    text-align: center;

}
embed{
    margin-top:100px;
    width: 800px;
    height:500px;
   display: inline-block;

}
#bofangqi{
    position: fixed;
    width: 100%;
    height:100%;
    z-index: 300;
    display: none;
}
#close{
    display: inline-block;
    background: rgba(255,255,255,0.7);
    background-size: cover;
    width: 35px;
    height:35px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    left:74%;
    top: 60px;

}
#bf1{
    display: block;
    background: url("../img/bf1.png")no-repeat center;
    background-size: cover;
    position: absolute;
    width: 120px;
    height:120px;
    top:38.5%;
    left:46%;
    cursor: pointer;
}


@media screen and (max-width: 1680px){
    body, html {
        width: 1900px;
        height: 100%;
    }
    html{
        transform: scale(0.875);
        transform-origin: 0 0;
    }
    .mask{
        display: none;
        position: fixed;
        top: 0;
        bottom: -3000px;
        right: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        z-index: 999999999;
    }
    .bodyvideosize{
        top: 1210px;
    }
}
@media screen and (max-width: 1600px){
    html{
        transform: scale(0.833);
        transform-origin: 0 0;
    }
}
@media screen and (max-width: 1440px){
    html{
        transform: scale(0.749);
        transform-origin: 0 0;
    }
}
@media screen and (max-width: 1400px){
    body, html {
        width: 1920px;
        height: 100%;
    }
    html{
        transform: scale(0.72);
        transform-origin: 0 0;
    }
}
@media screen and (max-width: 1366px){
    body, html {
        width: 1900px;
        height: 100%;
    }
    html{
        transform: scale(0.710);
        transform-origin: 0 0;
    }
}
@media screen and (max-width: 1280px){
    html{
        transform: scale(0.664);
        transform-origin: 0 0;
    }
}

/*主体部分结束*/

/*@media screen and (max-width: 1730px){*/
    /*#left,#left1{*/
        /*left:-70px;*/
    /*}*/
    /*#right,#right1{*/
       /*left:640px;*/
    /*}*/


    /*#basicInfo{*/
        /*width: 40%;*/
    /*}*/
/*}*/
/*@media screen and (max-width: 1450px){*/
    /*#close{*/
        /*left:80%;*/
    /*}*/
    /*#ashPile{*/
        /*width: 97%;*/
    /*}*/
    /*#basicInfo,#movies{*/
        /*width: 100%;*/
    /*}*/
    /*#left,#left1{*/
        /*left:15%;*/
    /*}*/
    /*#right,#right1{*/
        /*left:73%*/
    /*}*/

/*}*/

/*@media screen and (max-width: 1310px){*/
    /*#close{*/
        /*left:85%;*/
    /*}*/
    /*#bf1{*/
        /*left:45%;*/
    /*}*/
    /*#left,#left1{*/
        /*left:7%;*/
    /*}*/
    /*#right,#right1{*/
        /*left:79%*/
    /*}*/
/*}*/

/*@media screen and (max-width:1000px) {*/
    /*#bf1{*/
        /*left:49%;*/
    /*}*/
    /*#close{*/
        /*left:800px;*/
    /*}*/
    /*#movies,#basicInfo{*/
        /*display: block;*/
        /*float: none;*/
    /*}*/
    /*#movies,#juQing{*/
        /*width: 100%;*/
    /*}*/
    /*#juQing{*/
        /*float: left;*/
        /*width: 100%;*/
    /*}*/
    /*#float1, #float2, #juQing {*/
        /*padding-left: 0;*/
    /*}*/
   /*#words{*/
       /*width: 100%;*/
   /*}*/

    /*#ashPile{*/
        /*margin:0 auto;*/
    /*}*/
    /*.qwe,.qwe1{*/
        /*margin-left:70px;*/
    /*}*/
    /*#left1{*/
        /*left:0;*/
    /*}*/
    /*#right,#right1{*/
        /*left:690px;*/
    /*}*/
    /*#left{*/
        /*left:0;*/
    /*}*/
    /*#bofangqi{*/
        /*left:0;*/
    /*}*/
/*}*/
/*@media screen and (max-width:800px) {*/


    /*#bf1{*/
        /*left:49%;*/
    /*}*/
    /*#juQing{*/
        /*float: left;*/
        /*width: 100%;*/
    /*}*/
    /*#movies,#basicInfo{*/
        /*display: block;*/
        /*float: none;*/
    /*}*/
    /*#movies,#juQing{*/
        /*width: 100%;*/
    /*}*/

    /*#words{*/
        /*width: 100%;*/
    /*}*/

    /*#ashPile{*/
        /*margin:0 auto;*/
        /*width: 800px;*/
    /*}*/
    /*.qwe,.qwe1{*/
        /*margin-left:70px;*/
    /*}*/
    /*#left1{*/
        /*left:0;*/
    /*}*/
    /*#right,#right1{*/
        /*left:690px;*/
    /*}*/
    /*#left{*/
        /*left:0;*/
    /*}*/
    /*#bofangqi{*/
        /*left:0;*/
    /*}*/
/*}*/

/*
.tab_bg{
    position:absolute;
    display:none;
    width:1000px;
    height:600px;
    background:#282829;
    z-index:998;
    margin-left: -500px;

}
.bigImg{
    display:none;
    width:500px;
    height:500px;
    z-index:999;
    position:absolute;
    left:46%;
    margin-top:-150px;
    margin-left:-150px;
}
.bigImg img{
    width:100%;
    height:100%;
}
.close{
    display:none;
    width:20px;
    height:20px;
    text-align:center;
    cursor:pointer;
    position:absolute;
    right:10px;
    top:10px;
    z-index:999;
    color:#fff
}*/



.photo-mask {
    position: fixed;
    z-index: 300;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    filter: alpha(opacity=20);
    -moz-opacity: 0.8;
    opacity: 0.8;
    display: none;
}

.photo-panel {
    position: absolute;
    display: none;
    clear: both;
    top: 0;
    left: -910px;
    bottom: 0;
    right: 0;
    z-index: 300;
}

.photo-panel .photo-div,
.photo-panel .photo-bar {
    width: 100%;
}

.photo-panel .photo-div {
    width: 960px;
    height: 560px;
    z-index: 301;
    margin: auto;
    position: relative;
}

.photo-panel .photo-close {
    width: 20px;
    height: 20px;
    line-height: 16px;
    z-index: 301;
    color: rgb(143,140,149);
    position: absolute;
    margin-left: 684px;
    margin-top: 10px;
    text-align: center;
    background: rgb(210,210,210);
    border-radius: 100%;
    cursor: pointer;
}

.photo-panel .photo-bar-tip {
    width: 700px;
    height: 44px;
    position: absolute;
    margin-top: -64px;
    padding: 10px;
}

.photo-panel .photo-bar-tip:hover {
    width: 700px;
    height: 44px;
    position: absolute;
    margin-top: -64px;
    background: #000;
    filter: alpha(opacity=20);
    -moz-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    padding: 10px;
}

.photo-panel .photo-img {
    width: 720px;
    float: left;
    height: 560px;
    background: rgba(0,0,0,0.2);
}

.photo-panel .photo-view-w {
    width: 720px;
    height: 560px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.photo-panel .photo-view-h {
    width: 720px;
    height: 560px;
    text-align: center;
    vertical-align: middle;
}

.photo-panel .photo-view-w img {
    max-width: 700px;
    height: auto;
    vertical-align: middle;
    text-align: center;
    max-height: 540px;
    margin: 10px;
}

.photo-panel .photo-view-h img {
    max-width: 700px;
    height: 540px;
    margin: 10px;

}

@-webkit-keyframes swing {
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform-origin: top center
    }
    20% {
        -webkit-transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}

@-moz-keyframes swing {
    20%,
    40%,
    60%,
    80%,
    100% {
        -moz-transform-origin: top center
    }
    20% {
        -moz-transform: rotate(15deg)
    }
    40% {
        -moz-transform: rotate(-10deg)
    }
    60% {
        -moz-transform: rotate(5deg)
    }
    80% {
        -moz-transform: rotate(-5deg)
    }
    100% {
        -moz-transform: rotate(0deg)
    }
}

.photo-panel .photo-left,
.photo-panel .photo-right {
    width: 120px;
    float: left;
    margin-top: 220px;
}

.photo-panel .arrow-prv {
    background: url(../img/l.png);
    width: 120px;
    height: 120px;
}

.photo-panel .arrow-prv:hover {
    cursor: pointer;
}

.photo-panel .arrow-next {
    background: url(../img/r.png);
    width: 120px;
    height: 120px;
}

.photo-panel .arrow-next:hover {
    cursor: pointer;
}

.movie_close{
    width: 20px;
    height: 20px;
    line-height: 16px;
    z-index: 3001;
    color: rgb(143,140,149);
    position: absolute;
    margin-left: 71.5%;
    margin-top: 94px;
    text-align: center;
    background: rgb(210,210,210);
    border-radius: 100%;
    cursor: pointer;
}